﻿<phone:PhoneApplicationPage 
    x:Class="NASA.BeAMartian.Views.Learn.TopicListPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="696" d:DesignWidth="480"
    shell:SystemTray.IsVisible="False">

    <!--Data context is set to sample data above-->
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitleGrid is the name of the application and page title-->
        <Image Source="/NASA.BeAMartian;component/Assets/Images/blk.png" Stretch="Fill" Grid.RowSpan="2"/>
        <Image Source="/NASA.BeAMartian;component/Assets/Images/399-260508-2204-6-3d-2-01-EchusChasma_L.jpg" Stretch="Fill" Grid.RowSpan="2" Opacity="0.4"/>

        <!--TitleGrid is the name of the application and page title-->
        <Grid x:Name="TitleGrid" Grid.Row="0">
            <Grid.Projection>
                <PlaneProjection/>
            </Grid.Projection>

            <TextBlock x:Name="textBlockPageTitle" Style="{StaticResource PhoneTextPageTitle1Style}"/>

        </Grid>

        <!--ContentGrid contains ListBox. Place additional content here-->
        <Grid x:Name="ContentGrid" Grid.Row="1">
            <Grid.Projection>
                <PlaneProjection/>
            </Grid.Projection>

            <ListBox x:Name="lbTopics" ItemsSource="{Binding Items}" SelectionChanged="ListView_SelectionChanged" Style="{StaticResource PhoneListBox}">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Margin="0">
                            <TextBlock Loaded="ItemText_Loaded" x:Name="ItemText"  MaxWidth="470" TextWrapping="Wrap" Text="{Binding Name}" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                            <TextBlock x:Name="DetailsText" MaxWidth="470" TextWrapping="Wrap" Text="{Binding Description}" Style="{StaticResource PhoneTextSubtleStyle}"/>
                        </StackPanel>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </Grid>
    </Grid>
	<!--
    <phone:PhoneApplicationPage.ApplicationBar>

        <shell:ApplicationBar IsVisible="True" >
            <shell:ApplicationBar.Buttons >
                <shell:ApplicationBarIconButton IconUri="/icons/Categories.png" Text="Categories" x:Name="appbarCategories" Click="appbarCategories_Click"/>
                <shell:ApplicationBarIconButton IconUri="/icons/Profile.png"  Text="Profile" x:Name="appbarProfile" Click="appbarProfile_Click"/>
                <shell:ApplicationBarIconButton IconUri="/icons/Search.png"  Text="Search" x:Name="appbarSearch" Click="appbarSearch_Click"/>
                <shell:ApplicationBarIconButton IconUri="/icons/More.png"  Text="More" x:Name="appbarMore" Click="appbarMore_Click"/>

            </shell:ApplicationBar.Buttons>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
-->
</phone:PhoneApplicationPage>
